<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 上述3个meta标签必须放在最前面，任何其他内容都必须跟随其后！ -->
  <link rel="stylesheet"  href="./style/page1.css"/>
<title>商城首页</title>
</head>


<body>
  <div id="container" style="width:auto">
  <div id="head">
    <div id="left"></div>
    <div id="right">
    <h1 class="title2">京东商城</h1>
    <div class="relative">
    <form >
        <input type="text" name="search" placeholder="请输入您要搜索的内容...">
        <input type="button" class="button" value="确认">   <!-- 这种是输入框按钮 -->
    </form>
  </div>
  <div id="menu"> 
    <ul id="ul"> 
    <li><a title="查看详情" href="/page0.html">商城首页  </a></li> 
    <li><a title="查看详情" href="/page0.html">超值限量  </a></li> 
    <li><a title="查看详情" href="/page0.html">服饰潮流  </a></li> 
    <li><a title="查看详情" href="/page0.html">京东生鲜  </a></li> 
    <li><a title="查看详情" href="/page0.html">妈咪宝贝  </a></li> 
    <li><a title="查看详情" href="/page0.html">礼品书籍  </a></li> 
    <li><a title="查看详情" href="/page0.html">品牌特卖  </a></li> 
    <li><a title="查看详情" href="/page0.html">企业采购  </a></li> 
    </ul> 
    </div> 
  </div> 
  </div>
  <div class="row1" >
    <a  href="/page2.html" title="查看商品列表"><img  src="images/京东超市.jpg" alt="京东超市" width=100% height=90%></a>
  </div>
  <div class="row1">
    <img src="images/生鲜馆.jpg" alt="生鲜馆" width=100% height=90%>
  </div>
  <div class="row1">
    <img src="/images/飞利浦显示器.jpg" alt="飞利浦显示器" width=100% height=200>
    
  </div>
  <div class="row1">
    <img src="/images/购物车.gif" alt="购物车" width=100% height=200>
  </div>
  <div class="grid-container">
    <div class="item1"><img src="/images/双十一.jpg" alt="gap品牌闪购" width="240px" height="270px"></div>
    <div class="item2"><img src="/images/京东数码.jpg" width="240px" height="270px"></div>
    <div class="item3"><img src="/images/手机秒杀专场.jpg" width="240px" height="270px"></div>  
    <div class="item4"><img src="/images/美妆精选好物.png" width="240px" height="270px"></div>
    <div class="item5"><img src="/images/萌宠大牌周.jpg" width="240px" height="270px"></div>
    <div class="item6"><img src="/images//笔记本.jpg" width="240px" height="270px" ></div>
  </div>
  <div class="foot-left"><img src="/images/京东好物.jpg" width=750px height=270px ></div>
  <div class="foot"><img src="//img20.360buyimg.com/babel/jfs/t1/158533/8/31259/16713/63419fdeE7c00b90c/db07e2d074afaef7.jpg.webp" width=100% height=300px></div>
</div>
</body>
</html>
